<template>
  <div class="layout">
    <div class="left">
      <RouterView name="left" />
    </div>
    <div class="right">
      <RouterView name="right" />
    </div>
    <!-- 
    <hr />
    <RouterView name="default" /> -->
  </div>
</template>

<style>
.layout {
  display: flex;
  height: 500px;
}

.left {
  width: 200px;
  background-color: pink;
}

.right {
  flex: 1;
  background-color: gray;
}
</style>
